<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>watermark</title>
</head>

<body>
    <table class="table" id="table">
        <thead>
            <tr class="table-head">
                <th>员工</th>
                <th>时间</th>
                <th>累计时间</th>
                <th>项目</th>
                <th>任务</th>
                <th>最后更新</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr class="">
                <td>莫胜利</td>
                <td>2016-06-28~2016-06-28</td>
                <td>4小时</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>52分钟前</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="完成制作">完成制作</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1725874108719104');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1725874108719104');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr class="hover">
                <td>莫胜利</td>
                <td>2016-06-27~2016-06-27</td>
                <td>1天</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>昨天</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="地图制作">地图制作</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1724683742912512');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1724683742912512');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-24~2016-06-24</td>
                <td>6小时</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>4天前</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="地图功能制作">地图功能制作</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1719926977323008');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1719926977323008');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-23~2016-06-23</td>
                <td>2小时</td>
                <td style="text-align: left;">p30_ohyx.研修网</td>
                <td style="text-align: left;">【前端】后续新增加</td>
                <td>5天前</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="新增3个页面">新增3个页面</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1718635636039680');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1718635636039680');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-20~2016-06-20</td>
                <td>1天</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>7天前</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="制作初版界面及效果">制作初版界面及效果</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1716192344449024');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1716192344449024');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-21~2016-06-21</td>
                <td>6小时</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>7天前</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="制作初始界面及效果">制作初始界面及效果</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1716191989948416');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1716191989948416');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-17~2016-06-17</td>
                <td>1天</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>2016-06-17</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="地图api试用，
测试api功能
模拟需求">地图api试用，
测试api功能
模拟需求</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1710519009730560');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1710519009730560');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-16~2016-06-16</td>
                <td>4小时</td>
                <td style="text-align: left;">common</td>
                <td style="text-align: left;">【前端】维护、整理、修复bug</td>
                <td>2016-06-17</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="解决考试院微信问题
下拉列表控件问题">解决考试院微信问题
下拉列表控件问题</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1710518455853056');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1710518455853056');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-14~2016-06-14</td>
                <td>1天</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>2016-06-16</td>
                <td></td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1708578299207680');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1708578299207680');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
            <tr>
                <td>莫胜利</td>
                <td>2016-06-15~2016-06-15</td>
                <td>1天</td>
                <td style="text-align: left;">p59_ohgayun.瓯海公安云平台</td>
                <td style="text-align: left;">【前端】地图API学习了解、制作</td>
                <td>2016-06-16</td>
                <td>
                    <div style="margin:auto;width: 150px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;"><a href="javascript:void(0);" class="easyui-tooltip" title="搭建地图的本地环境，编写几个案例">搭建地图的本地环境，编写几个案例</a></div>
                </td>
                <td>
                    <div style="overflow:hidden;"><a class="btn btn-primary" href="javascript:void(0);" onclick="editItem('1708577676845056');"><i class="remove-btn iconfont"></i>编辑</a>&nbsp;&nbsp;<a class="btn btn-primary" href="javascript:void(0);" onclick="_history('1708577676845056');"><i class="remove-btn iconfont"></i>历史记录</a></div>
                </td>
            </tr>
        </tbody>
    </table>
    <div id="watermark" style="display:none">
        <div>姓名：莫胜利
            <br />工号：65800697</div>
    </div>
    <script src="util.js"></script>
    <script src="watermark.js"></script>
    <script>
      var x=  new Watermark({
            el: '#table',
            content: '#watermark'
        });
        console.log(x)
    </script>
</body>

</html>